<!-- 动态树形菜单页面 -->
<template>
  <div class="common_screen">

    <demo_children :dataList="menuList"></demo_children>

  </div>
</template>


<script>

  //使用import导入children子组件
  import demo_children from '@/components/demo/demo_children.vue'

  export default {
    //数据类型
    data () {
      return {
        //布局容器css样式配置
        containerStyle: {
          height: '100%',
          width: '100%'
        },
        //菜单动态数据
        menuList: [
          {
            name: '系统首页',
            index: '/index',
            icon: 'el-icon-location',
            isContent: true
          },
          {
            name: '系统管理',
            index: 'system',
            icon: 'el-icon-setting',
            isContent: false,
            children: [
              {
                name: '用户管理',
                index: '/system/userList'
              }, {
                name: '角色管理',
                index: '/system/roleList'
              }, {
                name: '权限管理',
                index: '/system/rightList'
              }
            ]
          },
          {
            name: '日志管理',
            index: 'log',
            icon: 'el-icon-view',
            isContent: false,
            children: [
              {
                name: '登陆日志',
                index: '/log/login'
              }, {
                name: '系统日志',
                index: '/log/system'
              }, {
                name: '日志监控',
                index: '/log/newest'
              }
            ]
          }
        ]
      }
    },
    //在components中引入子组件
    components: {
      demo_children: demo_children
    }
  }
</script>


<style scoped>


</style>
